<template>
    <!-- 页面头部cadetblue -->
    <div id="header"
        style="background-color:cadetblue; height: 70px; line-height: 70px; color: aliceblue; text-align: center;">
        <a>重大技术装备监测调度平台</a>
        <a style="float:right ; margin-right: 150px;">
            <el-row class="block-col-2">
                <el-col>
                    <el-dropdown trigger="click">
                        <span class="el-dropdown-link">
                            <i class=" el-icon-user-solid"></i>:xxx欢迎使用!<i class="el-icon-arrow-down"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown" >
                            <el-button  @click="outs()">退出系统</el-button>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-col>
            </el-row>
        </a>
    </div>
</template>
<script>
export default {
    name: 'Head',
    methods: {
        outs(){
            this.$router.push('/')
        }
    }
}
</script>
<style >

</style>